.starMain{
  width:100vw;
  height: 100vh;
  position:absolute;
  top:0;
  left: 0;
  overflow: hidden;
}

.star{
  width:5px;
  height: 5px;
  border-radius:50%;
  background: rgba(255,255,255,0.5);
  position:absolute;
  display: block;
  overflow: hidden;
  z-index: 100;
}

.initStar{
  top:50%;
  left: 50%;
  background: rgba(255,255,255,0);
  width:0;
  height: 0;
}

.finishStar{
  background: rgba(255,255,255,0.7);
  width:7px;
  height: 7px;
}


@keyframes star1
{
  0% {.initStar;}
  100% {top:5%;left:0;.finishStar;}
}
@keyframes star2
{
  0% {.initStar;}
  100% {top:10%;left:0;.finishStar;}
}
@keyframes star3
{
  0% {.initStar;}
  100% {top:15%;left:0;.finishStar;}
}
@keyframes star4
{
  0% {.initStar;}
  100% {top:20%;left:0;.finishStar;}
}
@keyframes star5
{
  0% {.initStar;}
  100% {top:25%;left:0;.finishStar;}
}
@keyframes star6
{
  0% {.initStar;}
  100% {top:30%;left:0;.finishStar;}
}
@keyframes star7
{
  0% {.initStar;}
  100% {top:35%;left:0;.finishStar;}
}
@keyframes star8
{
  0% {.initStar;}
  100% {top:40%;left:0;.finishStar;}
}
@keyframes star9
{
  0% {.initStar;}
  100% {top:45%;left:0;.finishStar;}
}
@keyframes star10
{
  0% {.initStar;}
  100% {top:50%;left:0;.finishStar;}
}
@keyframes star11
{
  0% {.initStar;}
  100% {top:55%;left:0;.finishStar;}
}
@keyframes star12
{
  0% {.initStar;}
  100% {top:60%;left:0;.finishStar;}
}
@keyframes star13
{
  0% {.initStar;}
  100% {top:65%;left:0;.finishStar;}
}
@keyframes star14
{
  0% {.initStar;}
  100% {top:70%;left:0;.finishStar;}
}
@keyframes star15
{
  0% {.initStar;}
  100% {top:75%;left:0;.finishStar;}
}
@keyframes star16
{
  0% {.initStar;}
  100% {top:80%;left:0;.finishStar;}
}
@keyframes star17
{
  0% {.initStar;}
  100% {top:85%;left:0;.finishStar;}
}
@keyframes star18
{
  0% {.initStar;}
  100% {top:90%;left:0;.finishStar;}
}
@keyframes star19
{
  0% {.initStar;}
  100% {top:95%;left:0;.finishStar;}
}
@keyframes star20
{
  0% {.initStar;}
  100% {top:100%;left:0;.finishStar;}
}

@keyframes star21
{
  0% {.initStar;}
  100% {top:5%;left:100%;.finishStar;}
}
@keyframes star22
{
  0% {.initStar;}
  100% {top:10%;left:100%;.finishStar;}
}
@keyframes star23
{
  0% {.initStar;}
  100% {top:15%;left:100%;.finishStar;}
}
@keyframes star24
{
  0% {.initStar;}
  100% {top:20%;left:100%;.finishStar;}
}
@keyframes star25
{
  0% {.initStar;}
  100% {top:25%;left:100%;.finishStar;}
}
@keyframes star26
{
  0% {.initStar;}
  100% {top:30%;left:100%;.finishStar;}
}
@keyframes star27
{
  0% {.initStar;}
  100% {top:35%;left:100%;.finishStar;}
}
@keyframes star28
{
  0% {.initStar;}
  100% {top:40%;left:100%;.finishStar;}
}
@keyframes star29
{
  0% {.initStar;}
  100% {top:45%;left:100%;.finishStar;}
}
@keyframes star30
{
  0% {.initStar;}
  100% {top:50%;left:100%;.finishStar;}
}
@keyframes star31
{
  0% {.initStar;}
  100% {top:55%;left:100%;.finishStar;}
}
@keyframes star32
{
  0% {.initStar;}
  100% {top:60%;left:100%;.finishStar;}
}
@keyframes star33
{
  0% {.initStar;}
  100% {top:65%;left:100%;.finishStar;}
}
@keyframes star34
{
  0% {.initStar;}
  100% {top:70%;left:100%;.finishStar;}
}
@keyframes star35
{
  0% {.initStar;}
  100% {top:75%;left:100%;.finishStar;}
}
@keyframes star36
{
  0% {.initStar;}
  100% {top:80%;left:100%;.finishStar;}
}
@keyframes star37
{
  0% {.initStar;}
  100% {top:85%;left:100%;.finishStar;}
}
@keyframes star38
{
  0% {.initStar;}
  100% {top:90%;left:100%;.finishStar;}
}
@keyframes star39
{
  0% {.initStar;}
  100% {top:95%;left:100%;.finishStar;}
}
@keyframes star40
{
  0% {.initStar;}
  100% {top:100%;left:100%;.finishStar;}
}

@keyframes star41
{
  0% {.initStar;}
  100% {left:5%;top:100%;.finishStar;}
}
@keyframes star42
{
  0% {.initStar;}
  100% {left:10%;top:100%;.finishStar;}
}
@keyframes star43
{
  0% {.initStar;}
  100% {left:15%;top:100%;.finishStar;}
}
@keyframes star44
{
  0% {.initStar;}
  100% {left:20%;top:100%;.finishStar;}
}
@keyframes star45
{
  0% {.initStar;}
  100% {left:25%;top:100%;.finishStar;}
}
@keyframes star46
{
  0% {.initStar;}
  100% {left:30%;top:100%;.finishStar;}
}
@keyframes star47
{
  0% {.initStar;}
  100% {left:35%;top:100%;.finishStar;}
}
@keyframes star48
{
  0% {.initStar;}
  100% {left:40%;top:100%;.finishStar;}
}
@keyframes star49
{
  0% {.initStar;}
  100% {left:45%;top:100%;.finishStar;}
}
@keyframes star50
{
  0% {.initStar;}
  100% {left:50%;top:100%;.finishStar;}
}
@keyframes star51
{
  0% {.initStar;}
  100% {left:55%;top:100%;.finishStar;}
}
@keyframes star52
{
  0% {.initStar;}
  100% {left:60%;top:100%;.finishStar;}
}
@keyframes star53
{
  0% {.initStar;}
  100% {left:65%;top:100%;.finishStar;}
}
@keyframes star54
{
  0% {.initStar;}
  100% {left:70%;top:100%;.finishStar;}
}
@keyframes star55
{
  0% {.initStar;}
  100% {left:75%;top:100%;.finishStar;}
}
@keyframes star56
{
  0% {.initStar;}
  100% {left:80%;top:100%;.finishStar;}
}
@keyframes star57
{
  0% {.initStar;}
  100% {left:85%;top:100%;.finishStar;}
}
@keyframes star58
{
  0% {.initStar;}
  100% {left:90%;top:100%;.finishStar;}
}
@keyframes star59
{
  0% {.initStar;}
  100% {left:95%;top:100%;.finishStar;}
}
@keyframes star60
{
  0% {.initStar;}
  100% {left:100%;top:100%;.finishStar;}
}

@keyframes star61
{
  0% {.initStar;}
  100% {left:5%;top:0%;.finishStar;}
}
@keyframes star62
{
  0% {.initStar;}
  100% {left:10%;top:0%;.finishStar;}
}
@keyframes star63
{
  0% {.initStar;}
  100% {left:15%;top:0%;.finishStar;}
}
@keyframes star64
{
  0% {.initStar;}
  100% {left:20%;top:0%;.finishStar;}
}
@keyframes star65
{
  0% {.initStar;}
  100% {left:25%;top:0%;.finishStar;}
}
@keyframes star66
{
  0% {.initStar;}
  100% {left:30%;top:0%;.finishStar;}
}
@keyframes star67
{
  0% {.initStar;}
  100% {left:35%;top:0%;.finishStar;}
}
@keyframes star68
{
  0% {.initStar;}
  100% {left:40%;top:0%;.finishStar;}
}
@keyframes star69
{
  0% {.initStar;}
  100% {left:45%;top:0%;.finishStar;}
}
@keyframes star70
{
  0% {.initStar;}
  100% {left:50%;top:0%;.finishStar;}
}
@keyframes star71
{
  0% {.initStar;}
  100% {left:55%;top:0%;.finishStar;}
}
@keyframes star72
{
  0% {.initStar;}
  100% {left:60%;top:0%;.finishStar;}
}
@keyframes star73
{
  0% {.initStar;}
  100% {left:65%;top:0%;.finishStar;}
}
@keyframes star74
{
  0% {.initStar;}
  100% {left:70%;top:0%;.finishStar;}
}
@keyframes star75
{
  0% {.initStar;}
  100% {left:75%;top:0%;.finishStar;}
}
@keyframes star76
{
  0% {.initStar;}
  100% {left:80%;top:0%;.finishStar;}
}
@keyframes star77
{
  0% {.initStar;}
  100% {left:85%;top:0%;.finishStar;}
}
@keyframes star78
{
  0% {.initStar;}
  100% {left:90%;top:0%;.finishStar;}
}
@keyframes star79
{
  0% {.initStar;}
  100% {left:95%;top:0%;.finishStar;}
}
@keyframes star80
{
  0% {.initStar;}
  100% {left:100%;top:0%;.finishStar;}
}
